{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "foundation/annualreport/2010/base.html" %}

{% block page_title %}The State of Mozilla Annual Report, 2010{% endblock %}

{% set body_id = 'welcome' %}

{% block article_title %}
  The State of Mozilla Annual Report, 2010
{% endblock %}

{% block article_content %}
  <figure class="figure">
    <div class="mozilla-video-control">
      <video width="640" height="360" controls="controls" poster="{{ static('img/foundation/annualreport/2010/poster-manifesto.jpg') }}">
        <source src="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.webm" type='video/webm; codecs="vp8, vorbis"'>
        <source src="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
        <source src="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
      </video>
    </div>
  </figure></br>

  <div id="video-description">{# FIXME: put this to the right of the video like it is on the old page? #}
    <h3>A Different Kind of Browser <span class="time">1:45</span></h3>
    <p>What’s Mozilla all about? Why are we doing this? We’re glad you asked.</p>
    <p class="download">Download this video:</p>
    <ul class="mzp-u-list-styled">
      <li><a href="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.webm">WebM format</a></li>
      <li><a href="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.theora.ogv">Ogg Theora format</a></li>
      <li><a href="https://videos.cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.mp4">MPEG-4 format</a></li>
      <li><a href="http://www.universalsubtitles.org/en/videos/NNxEqfuQSaPN/">Other languages & sharing</a></li>
    </ul>
  </div>

  <div id="content">
    <h2>Welcome</h2>
    <p>We are pleased to share with you this year’s annual State of Mozilla report. It details our opportunities and challenges, expanding set of initiatives, community and 2010 financials.</p>
    <p>People are living more of their lives online and Mozilla’s role is expanding to keep these new onramps to the Web open, transparent, and interoperable. We believe that all people on this planet should benefit from the power of the Web and have control over their online experiences.</p>
    <p>We invite you to learn more about the Mozilla Project and join us in our ongoing efforts to build a better Internet.</p>
  </div>

  <ul class="nav-paging bottom">
    <li class="next"><a href="{{ url('foundation.annualreport.2010.opportunities') }}">Opportunities</a></li>
  </ul>

{% endblock %}
